<script setup lang="ts">
import TooltTipButton from "@/views/dashboard/ops/TooltTipButton.vue";
import IconSave from "@/views/dashboard/ops/icons/IconSave.vue";
import IconRefresh from "@/views/dashboard/ops/icons/IconRefresh.vue";
import IconAddPanel from "@/views/dashboard/ops/icons/IconAddPanel.vue";
import IconSetting from "@/views/dashboard/ops/icons/IconSetting.vue";
</script>

<template>
	<div class="flex justify-between w-full items-center">
		<span>Some info</span>
		<div class="button-group flex">
			<TooltTipButton content="1">
				<icon-add-panel />
			</TooltTipButton>
			<TooltTipButton content="1">
				<icon-save />
			</TooltTipButton>
			<TooltTipButton content="1">
				<icon-setting />
			</TooltTipButton>
			<TooltTipButton content="1">
				<icon-refresh />
			</TooltTipButton>

			<TooltTipButton content="1">
				<icon-save />
			</TooltTipButton>
		</div>
	</div>
</template>

<style scoped lang="scss"></style>
